<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" class="year">年
    <input type="text" class="month">月
    <input type="text" class="day">日
    <button class="btn">查看哪一天</button>
    <script>
        //  5.根据输入的三个数字，判断是这一年的第几天
           var yearEle = document.querySelector(".year");
           var monthEle = document.querySelector(".month");
           var dayEle = document.querySelector(".day");
           var buttonEle = document.querySelector(".btn");

           buttonEle.onclick = function(){//这个.onclick前的单词必须和之前的var后面的单词保持一致。
            //点击事件 获取年月日
            var year = yearEle.value;
            var day = parseInt(dayEle.value);
            var month = parseInt(monthEle.value);
            var btn = buttonEle.value;
            // 若是闰年，2月为29天，若为平年 2月为28天
            var feb;
            if(( year % 4 == 0 && year%100 != 0) || year%400 == 0){//有些分号不能乱加
                    var feb = 29;
            }else{
                    var feb = 28;
            }
            switch(month -1 ){
                case 11:
                day+=30;

                case 10:
                day+=31;

                case 9:
                day+=30;

                case 8:
                day+=31;

                case 7:
                day+=31;

                case 6:
                day+=30;

                case 5:
                day+=31;

                case 4:
                day+=30;

                case 3:
                day+=31;

                case 2:
                day+=30;

                case 1:
                day+=31;

                case 0://case的冒号必不可少
                break;
                default:
                console.log('输入错误');
                break;//注意语法的规范
            }
                console.log(day);
           }
            
        //   抽空复习一下 switch case的语法 和语法 穿透效果的实现。
    </script>
</body>
</html>